<template>
	<view class="loading" v-if="students.length == 0">
		数据加载中......
	</view>

	<template v-else>
		<view class='students' v-for="(stu, ind) in students">
			<view class="">
				姓名：{{stu.name}}
			</view>
			<view class="">
				年龄：{{stu.age}}
			</view>
			<view class="">
				性别：{{stu.gender}}
			</view>
			<view class="">
				班级：{{stu.class}}
			</view>
			<view class="">
				<image :src="stu.avatar" mode=""></image>
			</view>
		</view>
	</template>

</template>

<script>
	export default {
		data() {
			return {
				students: [{
						name: "张伟",
						age: 20,
						gender: "男",
						class: "智能医学工程1班",
						avatar: "https://q4.itc.cn/q_70/images03/20250110/674d7fc66ea94e0f94b823765bb7677d.jpeg"
					},
					{
						name: "李娜",
						age: 19,
						gender: "女",
						class: "智能医学工程1班",
						avatar: "https://img0.baidu.com/it/u=986046126,1988872878&fm=253&app=138&f=JPEG?w=500&h=500"
					},
					{
						name: "王强",
						age: 21,
						gender: "男",
						class: "智能医学工程2班",
						avatar: "/static/avatar3.png"
					},
					{
						name: "赵丽",
						age: 20,
						gender: "女",
						class: "智能医学工程2班",
						avatar: "/static/avatar4.png"
					},
					{
						name: "陈浩",
						age: 22,
						gender: "男",
						class: "智能医学工程3班",
						avatar: "/static/avatar5.png"
					},
					{
						name: "刘芳",
						age: 19,
						gender: "女",
						class: "智能医学工程3班",
						avatar: "/static/avatar6.png"
					},
					{
						name: "杨洋",
						age: 20,
						gender: "男",
						class: "智能医学工程4班",
						avatar: "/static/avatar7.png"
					},
					{
						name: "周敏",
						age: 21,
						gender: "女",
						class: "智能医学工程4班",
						avatar: "/static/avatar8.png"
					},
					{
						name: "吴昊",
						age: 20,
						gender: "男",
						class: "智能医学工程5班",
						avatar: "/static/avatar9.png"
					},
					{
						name: "孙丽",
						age: 19,
						gender: "女",
						class: "智能医学工程5班",
						avatar: "/static/avatar10.png"
					}
				]
			}
		},
		methods: {

		}
	}
</script>

<style>

</style>